<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"/>
		<title>在线评价系统</title>
		<meta name="author" content="" />
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width; initial-scale=1.0">
		<link rel="shortcut icon" href="<%=basePath%>favicon.ico">
		<link href="<%=basePath%>static/css/bootstrap.min.css" rel="stylesheet">
		<link href="<%=basePath%>static/css/font-awesome.min.css" rel="stylesheet">
		<link href="<%=basePath%>static/css/style.css" rel="stylesheet"/>
		<link href="<%=basePath%>static/css/menu.css" rel="stylesheet">
		<link href="<%=basePath%>static/css/plugins/iCheck/blue.css" rel="stylesheet">
		<script src="<%=basePath%>static/js/jquery.min.js"></script>
		<!--[if lt IE 9]>
		<script src="<%=basePath%>static/js/html5.js"></script>
		<![endif]-->
		<script type="text/javascript">
			$(function()
			{
				$("#left_nav_user").addClass("active");
			});
			function delUser()
			{
				layer.confirm('确定删除吗？',
				{
					title:'提示',
				    btn: ['确定','取消'],
				    closeBtn:0
				}, function()
				{
					layer.msg("点击了确定！");
				});
			}
		</script>
	</head>
	<body>
		<!--header-->
		<%@ include file="/public/header.jsp"%>

		<!--aside nav-->
		<%@ include file="/public/left_nav.jsp"%>

		<section class="rt_wrap">
			<div class="rt_content">
				<div class="cont_title">
					<p>用户管理</p>
				</div>
				<div class="alert alert-success">
			    	<button type="button" class="close" data-dismiss="alert">&times;</button>
			      	<h4>提示：</h4>
			                         点击左侧用户类型可进行分类查询。
			    </div>
				<section style="margin-top:5px;">
					<!--左右分栏：左侧栏目-->
					<div class="cont_col_lt" style="width:200px;">
						<div class="list_nav">
              				<ul>
              					<li>
									<a href="#"><i class="icon-user"></i> 全部</a>
								</li>
								<li>
									<a href="#"><i class="icon-user"></i> 管理员</a>
								</li>
								<li>
									<a href="#"><i class="icon-user"></i> 教师</a>
								</li>
								<li class="active">
									<a href="#"><i class="icon-user"></i> 学生</a>
								</li>
							</ul>
						</div>
					</div>
					<!--左右分栏：右侧栏-->
					<div class="cont_col_rt" style="margin-left:210px;">
						<div>
							<form class="form-inline pull-left">
								<a href="toAddUser.htm" class="btn btn-success">
									<i class="icon-plus icon-white"></i> 增加
								</a>
							</form>
							<form class="form-inline pull-right">
							    <div class="input-append">
							    	<input class="span3" id="appendedInputButton" type="text">
							      	<button type="submit" class="btn btn-success">
										<i class="icon-white icon-search"></i> 搜索
									</button>
							    </div>
							</form>
						</div>
						<table class="table table-bordered">
							<tr>
								<th>用户名</th>
								<th>姓名</th>
								<th>角色类型</th>
								<th>状态</th>
								<th>创建时间</th>
							</tr>
							<tr>
								<td>xiaolang</td>
								<td>
									<div class="btn-group">
									  	<a class="btn dropdown-toggle cus-drop-a" data-toggle="dropdown">
											小狼 <span class="caret"></span>
										</a>
										<ul class="dropdown-menu">
											<li>
												<a href="toEditUser.htm"><i class="icon-edit"></i> 编辑</a>
											</li>
											<li>
												<a href="#updatePassModel" role="button" data-toggle="modal"><i class="icon-lock"></i> 修改密码</a>
											</li>
											<li>
												<a href="#"><i class="icon-random"></i> 交接</a>
											</li>
											<li>
												<a href="javascript:delUser();"><i class="icon-trash"></i> 删除</a>
											</li>
										</ul>
									</div>
								</td>
								<td>学生</td>
								<td>正常</td>
								<td>2016-03-15</td>
							</tr>
							<tr>
								<td>xiaolang</td>
								<td>
									<div class="btn-group">
									  	<a class="btn dropdown-toggle cus-drop-a" data-toggle="dropdown">
											小狼 <span class="caret"></span>
										</a>
										<ul class="dropdown-menu">
											<li>
												<a href="toEditUser.htm"><i class="icon-edit"></i> 编辑</a>
											</li>
											<li>
												<a href="#updatePassModel" role="button" data-toggle="modal"><i class="icon-lock"></i> 修改密码</a>
											</li>
											<li>
												<a href="#"><i class="icon-random"></i> 交接</a>
											</li>
											<li>
												<a href="javascript:delUser();"><i class="icon-trash"></i> 删除</a>
											</li>
										</ul>
									</div>
								</td>
								<td>学生</td>
								<td>正常</td>
								<td>2016-03-15</td>
							</tr>
							<tr>
								<td>xiaolang</td>
								<td>
									<div class="btn-group">
									  	<a class="btn dropdown-toggle cus-drop-a" data-toggle="dropdown">
											小狼 <span class="caret"></span>
										</a>
										<ul class="dropdown-menu">
											<li>
												<a href="toEditUser.htm"><i class="icon-edit"></i> 编辑</a>
											</li>
											<li>
												<a href="#updatePassModel" role="button" data-toggle="modal"><i class="icon-lock"></i> 修改密码</a>
											</li>
											<li>
												<a href="#"><i class="icon-random"></i> 交接</a>
											</li>
											<li>
												<a href="javascript:delUser();"><i class="icon-trash"></i> 删除</a>
											</li>
										</ul>
									</div>
								</td>
								<td>学生</td>
								<td>正常</td>
								<td>2016-03-15</td>
							</tr>
							<tr>
								<td>xiaolang</td>
								<td>
									<div class="btn-group">
									  	<a class="btn dropdown-toggle cus-drop-a" data-toggle="dropdown">
											小狼 <span class="caret"></span>
										</a>
										<ul class="dropdown-menu">
											<li>
												<a href="toEditUser.htm"><i class="icon-edit"></i> 编辑</a>
											</li>
											<li>
												<a href="#updatePassModel" role="button" data-toggle="modal"><i class="icon-lock"></i> 修改密码</a>
											</li>
											<li>
												<a href="#"><i class="icon-random"></i> 交接</a>
											</li>
											<li>
												<a href="javascript:delUser();"><i class="icon-trash"></i> 删除</a>
											</li>
										</ul>
									</div>
								</td>
								<td>学生</td>
								<td>正常</td>
								<td>2016-03-15</td>
							</tr>
							<tr>
								<td>xiaolang</td>
								<td>
									<div class="btn-group">
									  	<a class="btn dropdown-toggle cus-drop-a" data-toggle="dropdown">
											小狼 <span class="caret"></span>
										</a>
										<ul class="dropdown-menu">
											<li>
												<a href="toEditUser.htm"><i class="icon-edit"></i> 编辑</a>
											</li>
											<li>
												<a href="#updatePassModel" role="button" data-toggle="modal"><i class="icon-lock"></i> 修改密码</a>
											</li>
											<li>
												<a href="#"><i class="icon-random"></i> 交接</a>
											</li>
											<li>
												<a href="javascript:delUser();"><i class="icon-trash"></i> 删除</a>
											</li>
										</ul>
									</div>
								</td>
								<td>学生</td>
								<td>正常</td>
								<td>2016-03-15</td>
							</tr>
							<tr>
								<td>xiaolang</td>
								<td>
									<div class="btn-group">
									  	<a class="btn dropdown-toggle cus-drop-a" data-toggle="dropdown">
											小狼 <span class="caret"></span>
										</a>
										<ul class="dropdown-menu">
											<li>
												<a href="toEditUser.htm"><i class="icon-edit"></i> 编辑</a>
											</li>
											<li>
												<a href="#updatePassModel" role="button" data-toggle="modal"><i class="icon-lock"></i> 修改密码</a>
											</li>
											<li>
												<a href="#"><i class="icon-random"></i> 交接</a>
											</li>
											<li>
												<a href="javascript:delUser();"><i class="icon-trash"></i> 删除</a>
											</li>
										</ul>
									</div>
								</td>
								<td>学生</td>
								<td>正常</td>
								<td>2016-03-15</td>
							</tr>
							<tr>
								<td>xiaolang</td>
								<td>
									<div class="btn-group">
									  	<a class="btn dropdown-toggle cus-drop-a" data-toggle="dropdown">
											小狼 <span class="caret"></span>
										</a>
										<ul class="dropdown-menu">
											<li>
												<a href="toEditUser.htm"><i class="icon-edit"></i> 编辑</a>
											</li>
											<li>
												<a href="#updatePassModel" role="button" data-toggle="modal"><i class="icon-lock"></i> 修改密码</a>
											</li>
											<li>
												<a href="#"><i class="icon-random"></i> 交接</a>
											</li>
											<li>
												<a href="javascript:delUser();"><i class="icon-trash"></i> 删除</a>
											</li>
										</ul>
									</div>
								</td>
								<td>学生</td>
								<td>正常</td>
								<td>2016-03-15</td>
							</tr>
							<tr>
								<td>xiaolang</td>
								<td>
									<div class="btn-group">
									  	<a class="btn dropdown-toggle cus-drop-a" data-toggle="dropdown">
											小狼 <span class="caret"></span>
										</a>
										<ul class="dropdown-menu">
											<li>
												<a href="toEditUser.htm"><i class="icon-edit"></i> 编辑</a>
											</li>
											<li>
												<a href="#updatePassModel" role="button" data-toggle="modal"><i class="icon-lock"></i> 修改密码</a>
											</li>
											<li>
												<a href="#"><i class="icon-random"></i> 交接</a>
											</li>
											<li>
												<a href="javascript:delUser();"><i class="icon-trash"></i> 删除</a>
											</li>
										</ul>
									</div>
								</td>
								<td>学生</td>
								<td>正常</td>
								<td>2016-03-15</td>
							</tr>
						</table>
						<div>
							<div class="pull-left">
								第1-10条数据，共6181条
							</div>
							<div class="pull-right">
								<div class="pagination pagination-right">
							    	<ul>
								        <li><a href="#">上一页</a></li>
								        <li><a href="#">1</a></li>
								        <li><a href="#">2</a></li>
								        <li><a href="#">3</a></li>
								        <li><a href="#">4</a></li>
								        <li><a href="#">5</a></li>
								        <li><a href="#">下一页</a></li>
							      	</ul>
							    </div>
							</div>
						</div>
					</div>
				</section>
			</div>
		</section>
        
       	<div class="modal hide fade" id="updatePassModel">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				<h3>修改密码</h3>
			</div>
			<div class="modal-body">
				<form class="form-horizontal">
					<div class="control-group">
						<label class="control-label" for="inputEmail">登录密码</label>
						<div class="controls">
							<input type="text" id="inputEmail" placeholder="Email">
						</div>
					</div>
					<div class="control-group">
						<label class="control-label" for="inputPassword">确认密码</label>
						<div class="controls">
							<input type="password" id="inputPassword" placeholder="Password">
						</div>
					</div>
				</form>
			</div>
			<div class="modal-footer">
				<button class="btn" data-dismiss="modal" aria-hidden="true">取消</button>
    			<button class="btn btn-primary">保存</button>
			</div>
		</div>
		<%@ include file="/public/footer.jsp"%>
		<script type="text/javascript">
			$('.i-checks input').iCheck({
				checkboxClass : 'icheckbox_minimal-blue',
				radioClass : 'iradio_minimal-blue',
				increaseArea: '20%'
			});
		</script>
	</body>
</html>